<template>
  <el-dialog
    append-to-body
    title="详情"
    :visible.sync="dialogVisible"
    width="800px"
  >
    <el-divider content-position="left">
      <span class="color-primary font-bold">喷灌机</span>
    </el-divider>
    <el-descriptions
      border
      :column="2"
      content-class-name="contentClass"
      label-class-name="labelClass"
    >
      <el-descriptions-item label="名称">{{ form.name }}</el-descriptions-item>
      <el-descriptions-item label="产品类型">
        {{ form.product }}
      </el-descriptions-item>
      <el-descriptions-item label="喷灌机长度">
        {{ form.length }}
      </el-descriptions-item>
      <el-descriptions-item label="喷头数量">
        {{ form.amount }}
      </el-descriptions-item>
      <el-descriptions-item label="喷头间距">
        {{ form.distance }}
      </el-descriptions-item>
      <el-descriptions-item label="喷头阵列数量">
        {{ form.fkq_amount }}
      </el-descriptions-item>
      <el-descriptions-item label="压力调节器型号">
        {{ form.yltjq }}
      </el-descriptions-item>
      <el-descriptions-item
        label="末端喷头射程
"
      >
        {{ form.mdptsc }}
      </el-descriptions-item>
      <el-descriptions-item label="图片">
        <img alt="" :src="form.image" />
      </el-descriptions-item>
    </el-descriptions>
    <div class="h24"></div>
    <el-divider content-position="left">
      <span class="color-primary font-bold">地块信息</span>
    </el-divider>
    <el-descriptions
      border
      :column="2"
      content-class-name="contentClass"
      label-class-name="labelClass"
    >
      <el-descriptions-item label="位置">
        {{ form.latlng }}
      </el-descriptions-item>
      <el-descriptions-item label="面积">
        {{ form.area }}
      </el-descriptions-item>
    </el-descriptions>
    <div class="h24"></div>
    <el-divider content-position="left">
      <span class="color-primary font-bold">其它信息</span>
    </el-divider>
    <el-descriptions
      border
      :column="2"
      content-class-name="contentClass"
      label-class-name="labelClass"
    >
      <el-descriptions-item label="入机流量">
        {{ form.flow }}
      </el-descriptions-item>
      <el-descriptions-item label="入机压力">
        {{ form.pressure }}
      </el-descriptions-item>
    </el-descriptions>
  </el-dialog>
</template>

<script>
  export default {
    data() {
      return {
        dialogVisible: false,
        form: {},
        attrs: [{ name: '', namekey: '', span: 1 }],
      }
    },
    methods: {
      show(row) {
        this.dialogVisible = true
        this.form = row
      },
    },
  }
</script>

<style lang="scss" scoped></style>
